/*
运算（Operations）
算术运算符 +、-、*、/ 可以对任何数字、颜色或变量进行运算
如果可能的话，算术运算符在加、减或比较之前会进行单位换算
计算的结果以最左侧操作数的单位类型为准
如果单位换算无效或失去意义，则忽略单位进行运算
无效的单位换算例如：px 到 cm 或 rad 到 % 的转换...
*/
@len1: 5cm + 10mm; // 结果是 6cm
@len2: 2 - 3cm - 5mm; // 结果是 -1.5cm
@len3: 2 + 5px - 3cm; // 结果是 4px
@len4: 2cm * 3mm; // 结果是 6cm

@base: 5%;
@base1: @base * 2; // 结果是 10%
@base2: @base + @base1; // 结果是 15%

@color: #224488 / 2; //结果是 #112244
@var: 50vh/2;
body {
  background-color: #112244 + #111; // 结果是 #223355
  // 为了与 CSS 保持兼容，calc() 并不对数学表达式进行计算，但是在嵌套函数中会计算变量和数学公式的值
  width: calc(50% + (@var - 20px)); // 结果是 calc(50% + (25vh - 20px))
}
